<template>
    <div>
        
        <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-media">
                <router-link to="/home/newsinfo/ + item.id">
                    <img class="mui-media-object mui-pull-left" src="../../images/0019032438899352_b.jpg">
                    <div class="mui-media-body">
                        <h3>幸福</h3>
                        <p class='mui-ellipsis'>
                            <span>发表时间：2018-12-12 12:12</span>
                            <span>点击了：0次</span>
                        </p>
                    </div>
                </router-link>
            </li>
            <li class="mui-table-view-cell mui-media">
                <a href="javascript:;">
                    <img class="mui-media-object mui-pull-left" src="../../images/0019032438899352_b.jpg">
                    <div class="mui-media-body">
                        <h3>幸福</h3>
                        <p class='mui-ellipsis'>
                            <span>发表时间：2018-12-12 12:12</span>
                            <span>点击了：0次</span>
                        </p>
                    </div>
                </a>
            </li>
            <li class="mui-table-view-cell mui-media">
                <a href="javascript:;">
                    <img class="mui-media-object mui-pull-left" src="../../images/0019032438899352_b.jpg">
                    <div class="mui-media-body">
                        <h3>幸福</h3>
                        <p class='mui-ellipsis'>
                            <span>发表时间：2018-12-12 12:12</span>
                            <span>点击了：0次</span>
                        </p>
                    </div>
                </a>
            </li>
        </ul>
    </div>
</template>

<script>
import {Toast} from 'mint-ui'

export default {
    data(){
        return{
            // newslist:[]//新闻列表
        }
    },
    // created:{
    //     // getNewsList()
    // },
    methods:{
        // getNewsList(){
        //     this.$http.get('api/getnewslist').then(result=>{
        //         if(result.body.status==0){
        //             //成功了应该将数据保存到data上
        //             this.newslist = resolve.body.messgae
        //         }else{
        //             Toast('获取新闻列表失败了')
        //         }
        //     })
        // }
    }
}
</script>

<style lang='scss' scoped>
    .mui-table-view{
        li{
            h3{
                font-size: 14px;
            }
        
            .mui-ellipsis{
                color: rgba(0, 110, 255, 0.804);
                font-size: 12px;
                display:flex;
                justify-content: space-between;
            }
        }
    }
</style>
